<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ClearMinimalist | Portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.color.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){
	$('div.blog2').hover(
	  function(){
		$(this).stop().animate({backgroundColor: "#FFFFFF"}, 300);
	  },
	  function(){
		$(this).stop().animate({backgroundColor: "#f6f6f6"}, 300);
	  });
});
// ]]>
</script>
</head>
<body>
<div class="main">
  <div class="main_resize">
    <div class="main_left">
      <div class="logo"><a href="#"><img src="images/logo.gif" width="223" height="72" border="0" alt="" /></a></div>
      <div class="clr"></div>
      <div class="menu">
        <ul>
          <li><a href="index.html"><span>Home</span></a></li>
          <li><a href="#"><span>Services</span></a></li>
          <li><a href="portfolio.html" class="active"><span>Portfolio</span></a></li>
          <li><a href="about.html"><span> About Us </span></a></li>
          <li><a href="contact.html"><span> Contact Us</span></a></li>
        </ul>
      </div>
      <div class="clr"></div>
      <h2>&nbsp;</h2>
      <h2>What They Say</h2>
      <p>&quot;Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse voluptas nulla pariatur?&quot;</p>
      <p><em><strong>by: John S., webdesigner</strong></em><br />
        <br />
      </p>
      <p>&quot;Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse voluptas nulla pariatur?&quot;</p>
      <p><em><strong>by: John S., webdesigner</strong></em></p>
    </div>
    <div class="main_right">
      <div class="search">
        <form id="form1" name="form1" method="post" action="#">
          <p>Search Site:</p>
          <label><span>
            <input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="Search..." />
            </span>
            <input name="b" type="image" src="images/search.gif" class="button" />
          </label>
          <div class="clr"></div>
        </form>
      </div>
      <div class="clr"></div>
      <div id="slider2">
        <div class="controls-center">
          <h3>Portfolio</h3>
          <div class="clr"></div>
        </div>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
      <h2>&nbsp;</h2>
      <div class="blog2"> <img src="images/port_1.jpg" alt="" width="203" height="166" border="0" />
        <p><strong>Project Item</strong><br />
          Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. <br />
          <a href="#">visit site</a></p>
      </div>
      <div class="blog2"> <img src="images/port_2.jpg" border="0" alt="" />
        <p><strong>Project Item</strong><br />
          Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. <br />
          <a href="#">visit site</a></p>
      </div>
      <div class="blog2"> <img src="images/port_3.jpg" border="0" alt="" />
        <p><strong>Project Item</strong><br />
          Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. <br />
          <a href="#">visit site</a></p>
      </div>
      <div class="blog2"> <img src="images/port_4.jpg" border="0" alt="" />
        <p><strong>Project Item</strong><br />
          Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. <br />
          <a href="#">visit site</a></p>
      </div>
      <div class="blog2"> <img src="images/port_5.jpg" border="0" alt="" />
        <p><strong>Project Item</strong><br />
          Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. <br />
          <a href="#">visit site</a></p>
      </div>
      <div class="blog2"> <img src="images/port_6.jpg" border="0" alt="" />
        <p><strong>Project Item</strong><br />
          Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. <br />
          <a href="#">visit site</a></p>
      </div>
      <div class="clr"></div>
      <h2>&nbsp;</h2>
    </div>
    <div class="clr"></div>
  </div>
  <div class="footer">
    <div class="footer_resize">
      <p>© Copyright websitename . All Rights Reserved. Home | Contact | RSS <br />
        (Blue) <a href="http://www.bluewebtemplates.com">Website Templates</a></p>
      <div class="clr"></div>
    </div>
  </div>
</div>
<div align=center>This template  downloaded form <a href='http://all-free-download.com/free-website-templates/'>free website templates</a></div></body>
</html>
